layui.use(function () {
    var upload = layui.upload;
    var layer = layui.layer;
    var element = layui.element;
    var $ = layui.$;

    // 单图片上传
    var uploadInst = upload.render({
        elem: '#filebtn',
        field: "file",
        url: 'fileImg.do', // 实际使用时改成您自己的上传接口即可。
        multiple: true,
        before: function (obj) {
            obj.preview(function (index, file, result) {
                    $('#upload-demo-preview').append('<img src="' + result + '" alt="' + file.name + '" style="width: 90px; height: 90px;">'
                    )
                },
            )
        },
        done: function (res) {

            console.log(res);
            if (res.code != 0) {
                return layer.msg('上传失败');
            }


            // $("#frm").append("<input type='hidden' name='img' value='"+res.data+'/>")

            let hiddenInput = "<input type='hidden' name='img' value='"+res.data+"'>" ;
            $("#frm").append(hiddenInput) ;

            // console.log("图片上传成功，路径为：" + $('#fileHidden').val());
        },
        error: function () {
            layer.msg('上传出错');
        }
    });
});


$("#btnAdd").on("click", function (event) {
    event.preventDefault(); // 防止默认提交行为
    // 获取所有表单数据 - Hitemname=xx&HitemType=xx&HitemPrice=xx&img=1.png&img=2.png
    // serialize 获取所有表单中 name 的值
    let params = $("#frm").serialize();
    console.log(params);

    $.ajax("add.Hitem.do", {
        type: "post",
        data: params,
        success: function (n) {
            if (n > 0) {
                alert("成功")
            } else {
                alert("失败")
            }
        }
    });
});